﻿#Panel_Research_List
{
    min-height: 600px;
    margin-left: 7px;
    margin-top: 10px;
}

/* /css/content.css */
div.content_detail
{
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    position: relative;
    display: none;
}

div.content
{
    float: left;
    position: relative;
    color: #000;
    margin-right: 5px;
}

div.content-100
{
    width: 100%;
}

div.content div.content-tl
{
    background: url(/images/backgrounds/components/tl.png) no-repeat top left;
    padding-left: 10px;
    height: 10px;
}

div.content div.content-tr
{
    background: url(/images/backgrounds/components/tr.png) no-repeat top right;
    height: 10px;
}

div.content div.content-bl
{
    background: url(/images/backgrounds/components/bl.png) no-repeat bottom left;
    padding-left: 10px;
}

div.content div.content-br
{
    background: url(/images/backgrounds/components/br.png) no-repeat bottom right;
}

div.content div.content-main
{
    width: 240px;
    position: relative;
    top: -5px;
    left: -5px;
    overflow: hidden;
}

div.content-1 div.content-main
{
    width: 190px;
}

div.content-2 div.content-main
{
    width: 390px;
}

div.content-3 div.content-main
{
    width: 540px;
}

.research_item_preview
{
}

.research_item_preview .description
{
    display: none;
}

.research_item_preview .summary
{
    display: block;
}

.research_item_full
{
    width: 1000px;
}

.research_item_full .description
{
    display: block;
}

.research_item_full .summary
{
    display: none;
}

.research_item_full div.content div.content-main
{
    width: 540px;
}

.research_item_full div.content_detail
{
    display: block;
    width: 440px;
}

div.work div.content-main
{
    background: #a186be;
}

div.content.work div.content-info p.title a
{
}

div.people div.content-main
{
    background: #84d4da url(/images/backgrounds/components/people/bg.gif) no-repeat right bottom;
}

div.network div.content-main
{
    background: #cdc34b url(/images/backgrounds/components/network/bg.gif) no-repeat right bottom;
}

div.careers div.content-main
{
    background: #f2b328 url(/images/backgrounds/components/careers/bg.gif) no-repeat right bottom;
}


/* content tag */
div.content_tag div.content-main
{
    background: #f7941e;
}

div.content_tag div.content-info h2
{
    text-transform: none !important;
    color: #fff799 !important;
}

div.content_tag div.content-info .tags a
{
    color: #FFF;
    text-decoration: none;
}
/* content search */
div.content_search div.content-main
{
    background: #ececec;
    height: 60px;
}

div.content_search div.content-info h2
{
    text-transform: none !important;
}
/************************************/
div.divider
{
    height: 2px;
    width: 100%;
    padding-bottom: 7px;
    clear: both;
}

div.divider span
{
    display: block;
    width: 100%;
    height: 2px;
    background: url(/images/backgrounds/components/divider.png) repeat-x;
}

div.content div.content-info a.expand
{
    position: absolute;
    top: 13px;
    right: 10px;
    width: 17px;
    height: 17px;
    display: block;
    border: 0 !important;
}

div.content div.content-info a.expand img
{
    border: 0 !important;
}

div.work div.content-info a.expand
{
    background: url(/images/icons/expand-work.gif) no-repeat left top;
}

div.people div.content-info a.expand
{
    background: url(/images/icons/expand-people.gif) no-repeat left top;
}

div.network div.content-info a.expand
{
    background: url(/images/icons/expand-network.gif) no-repeat left top;
}

div.careers div.content-info a.expand
{
    background: url(/images/icons/expand-careers.gif) no-repeat left top;
}
/* /css/assets.css */
div.content div.content-info div.assets
{
    position: relative;
}

div.content div.content-info div.assets h3
{
    font-size: 62.5%;
    text-transform: uppercase;
    padding-bottom: 2px;
}

div.work div.content-info div.assets h3 span.asset-title
{
    color: #3c182d;
}

div.people div.content-info div.assets h3 span.asset-title
{
    color: #273f41;
}

div.network div.content-info div.assets h3 span.asset-title
{
    color: #433f19;
}

div.careers div.content-info div.assets h3 span.asset-title
{
    color: #48350c;
}

div.content div.content-info div.assets .carousel-mask
{
    margin: 0 -7px 0 -3px;
}

div.content-2 div.content-info div.assets .carousel-mask
{
    margin: 0 25px 0 -3px;
}

div.content div.content-info a.digital-content
{
    display: block;
    color: #fff;
    font-size: 62.5%;
    padding: 0 0 2px 0;
}

div.content div.content-main div.content-mask-tl, div.content div.content-main div.content-mask-tr, div.content div.content-main div.content-mask-bl, div.content div.content-main div.content-mask-br
{
    height: 2px;
    width: 2px;
    position: absolute;
    z-index: 100;
}

div.content div.content-main div.content-mask-tl
{
    top: 0;
    left: 0;
    background: url(/images/backgrounds/components/mask-tl.gif) no-repeat top left;
}

div.content div.content-main div.content-mask-tr
{
    top: 0;
    right: 0;
    background: url(/images/backgrounds/components/mask-tr.gif) no-repeat top left;
}

div.content div.content-main div.content-mask-bl
{
    bottom: 0;
    left: 0;
    background: url(/images/backgrounds/components/mask-bl.gif) no-repeat top left;
}

div.content div.content-main div.content-mask-br
{
    bottom: 0;
    right: 0;
    background: url(/images/backgrounds/components/mask-br.gif) no-repeat top left;
}

div.content div.content-top
{
    position: relative;
    overflow: hidden;
}

div.content.work div.content-top img, div.content.network div.content-top img, div.content.careers div.content-top img, div.content.people div.content-top img
{
    display: block;
    width: 100%;
    background: #313131;
    border: none;
}

div.content div.content-info
{
    padding: 10px;
    position: relative;
    text-align: justify;
}

div.content div.content-info h1, div.content div.content-info h2, div.content div.content-info p.title
{
    color: #4c4c4c;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
}

div.content div.content-info h1 a, div.content div.content-info h2 a, div.content div.content-info p.title a
{
    color: #4c4c4c;
    text-decoration: none;
    font-size: 12px;
    font-family: Verdana;
}

div.content div.content-info h1 a:hover, div.content div.content-info h2 a:hover, div.content div.content-info p.title a:hover
{
    text-decoration: none;
}

div.content div.content-info h3, div.content div.content-info p.subtitle
{
    color: #FFF;
    padding-bottom: 7px;
    padding-right: 25px;
    margin: 0;
    font-size: 10px;
}


div.people div.loading div.content-top
{
    background: #59a1a6 url(/images/icons/loaders/people.gif) no-repeat center center;
}

div.network div.loading div.content-top
{
    background: #99924f url(/images/icons/loaders/network.gif) no-repeat center center;
}

div.work div.loading div.content-top
{
    background: #8f4973 url(/images/icons/loaders/work.gif) no-repeat center center;
}

div.careers div.loading div.content-top
{
    background: #9e7d34 url(/images/icons/loaders/careers.gif) no-repeat center center;
}

div.loading .content-asset
{
    -moz-opacity: 0.2;
    opacity: 0.2;
}

ul.research_list_question
{
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.research_list_question li
{
    float: left;
    text-align: center;
    overflow: hidden;
    width: 50px;
    padding: 5px;
    height: 25px;
    overflow: hidden;
}

ul.research_list_question li.question_label_row
{
    text-align: left;
    width: 100px !important;
}

ul.research_list_question li.newline
{
    clear: both;
    display: block;
    float: none;
}

.question_container
{
    overflow: hidden;
}

.research_detail_title
{
    background: #fcb041;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 26px;
    font-family: Verdana;
    font-weight: bold;
    color: #fff;
    padding: 5px 0;
}

.button
{
    border: solid 1px #dfdfdf;
    background: url(/Css/Main/img/bg_button.png) center;
    color: #448c88;
    cursor: pointer;
    margin-left: 0;
}

.button:hover
{
    color: #f79866;
}

.tagCloud ul
{
    margin: 0;
    padding: 0;
}

.tagCloud li
{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
}

.tagCloud li a
{
    text-decoration: none;
    color: #fff;
    padding: 0 2px;
}

.tagCloud li a:hover
{
    color: #cff400;
}

.tag1
{
    font-size: 100%;
}

.tag2
{
    font-size: 120%;
}

.tag3
{
    font-size: 140%;
}

.tag4
{
    font-size: 160%;
}

.tag5
{
    font-size: 180%;
}




.content_tag, .content_search
{
    display: none;
}

.content_tag div.divider span
{
    width: 195px !important;
    height: 1px !important;
    background: yellow !important;
}

div.content_tag div.content-info
{
    height: 100px !important;
}

.content_tag div.content-main, .content_search .content-main
{
    width: 218px !important;
}

.content_search .content-info input
{
    width: 142px !important;
}

/* 1 */
.content_1
{
}

.content_1 div.content-main
{
    background: #FFF79A !important;
    width: 275px !important;
}

div.content_1 div.content-top img
{
    height: 330px !important;
}

div.content_1 div.content-info
{
    height: 110px !important;
    padding: 10px 21px 5px 18px !important;
}

.content_1 p.title
{
    margin-bottom: 16px !important;
    height: 26px !important;
    width: 207px !important;
}

.content_1 p.title a
{
    font-size: 12px !important;
    color: #573504 !important;
}

div.content_1 a.expand
{
    position: absolute !important;
    top: 10px !important;
    right: 28px !important;
    background: transparent !important;
}

div.content_1 a.expand img
{
    width: 33px !important;
    background: transparent !important;
}

.content_1 div.divider span
{
    width: 245px !important;
    height: 2px !important;
    background: #2A4705 !important;
}

.content_1 .summary
{
    font-size: 14px !important;
}
/* 2 */
.content_2
{
}

.content_2 div.content-main
{
    background: #7DA7D9 !important;
    width: 400px !important;
}

div.content_2 div.content-top img
{
    height: 230px !important;
}

div.content_2 div.content-info
{
    height: 88px !important;
    padding: 10px 21px 5px 18px !important;
}

.content_2 p.title
{
    margin-bottom: 16px !important;
    height: 25px !important;
    width: 335px !important;
}

.content_2 p.title a
{
    font-size: 14px !important;
    color: #0C5389 !important;
}

div.content_2 a.expand
{
    position: absolute !important;
    top: 10px !important;
    right: 28px !important;
    background: transparent !important;
}

div.content_2 a.expand img
{
    width: 32px !important;
    background: transparent !important;
}

.content_2 div.divider span
{
    width: 360px !important;
    height: 2px !important;
    background: #0C5389 !important;
}

.content_2 .summary
{
    font-size: 13px !important;
}
/* 3 */
.content_3
{
}

.content_3 div.content-main
{
    background: #C69C6C !important;
    width: 270px !important;
}

div.content_3 div.content-top img
{
    height: 230px !important;
}

div.content_3 div.content-info
{
    height: 88px !important;
    padding: 10px 15px 5px 10px !important;
}

.content_3 p.title
{
    margin-bottom: 16px !important;
    height: 25px !important;
    width: 205px !important;
}

.content_3 p.title a
{
    font-size: 12px !important;
    color: #5F3912 !important;
}

div.content_3 a.expand
{
    position: absolute !important;
    top: 15px !important;
    right: 21px !important;
    background: transparent !important;
}

div.content_3 a.expand img
{
    width: 25px !important;
    background: transparent !important;
}

.content_3 div.divider span
{
    width: 244px !important;
    height: 1px !important;
    background: #5F3912 !important;
}

.content_3 .summary
{
    font-size: 11px !important;
}
/* 4 */
.content_4
{
}

.content_4 div.content-main
{
    background: #8DC73F !important;
    width: 220px !important;
}

div.content_4 div.content-top img
{
    height: 280px !important;
}

div.content_4 div.content-info
{
    height: 88px !important;
    padding: 10px 14px 5px 18px !important;
}

.content_4 p.title
{
    margin-bottom: 16px !important;
    height: 25px !important;
    width: 160px !important;
}

.content_4 p.title a
{
    font-size: 11px !important;
    color: #2A4704 !important;
}

div.content_4 a.expand
{
    position: absolute !important;
    top: 10px !important;
    right: 25px !important;
    background: transparent !important;
}

div.content_4 a.expand img
{
    width: 32px !important;
    background: transparent !important;
}

.content_4 div.divider span
{
    width: 190px !important;
    height: 2px !important;
    background: #2A4704 !important;
}

.content_4 .summary
{
    font-size: 11px !important;
}
/* 5 */
.content_5
{
}

.content_5 div.content-main
{
    background: #F06EAA !important;
    width: 450px !important;
}

div.content_5 div.content-top img
{
    height: 222px !important;
}

div.content_5 div.content-info
{
    height: 146px !important;
    padding: 10px 20px 5px 10px !important;
}

.content_5 p.title
{
    margin-bottom: 16px !important;
    height: 50px !important;
    width: 400px !important;
}

.content_5 p.title a
{
    font-size: 20px !important;
    color: #5A052C !important;
}

div.content_5 a.expand
{
    position: absolute !important;
    top: 5px !important;
    right: 53px !important;
    background: transparent !important;
}

div.content_5 a.expand img
{
    width: 50px !important;
    background: transparent !important;
}

.content_5 div.divider
{
    padding-bottom: 15px !important;
}

.content_5 div.divider span
{
    width: 420px !important;
    height: 1px !important;
    background: #5A052C !important;
}

.content_5 .summary
{
    font-size: 17px !important;
}
/* 6 */
.content_6
{
    margin-top: -270px;
}

.content_6 div.content-main
{
    background: #01A89E !important;
    width: 275px !important;
}

div.content_6 div.content-top img
{
    height: 425px !important;
}

div.content_6 div.content-info
{
    height: 77px !important;
    padding: 10px 15px 5px 10px !important;
}

.content_6 p.title
{
    margin-bottom: 16px !important;
    height: 25px !important;
    width: 210px !important;
}

.content_6 p.title a
{
    font-size: 14px !important;
    color: #005952 !important;
}

div.content_6 a.expand
{
    position: absolute !important;
    top: 11px !important;
    right: 29px !important;
    background: transparent !important;
}

div.content_6 a.expand img
{
    width: 30px !important;
    background: transparent !important;
}

.content_6 div.divider span
{
    width: 250px !important;
    height: 1px !important;
    background: #005953 !important;
}

.content_6 .summary
{
    font-size: 11px !important;
}
/* 7 */
.content_7
{
}

.content_7 div.content-main
{
    background: #A3D29C !important;
    width: 220px !important;
}

div.content_7 div.content-top img
{
    height: 172px !important;
}

div.content_7 div.content-info
{
    height: 60px !important;
    padding: 10px 15px 5px 10px !important;
}

.content_7 p.title
{
    margin-bottom: 16px !important;
    height: 14px !important;
    width: 170px !important;
}

.content_7 p.title a
{
    font-size: 12px !important;
    color: #032B13 !important;
}

div.content_7 a.expand
{
    position: absolute !important;
    top: 5px !important;
    right: 21px !important;
    background: transparent !important;
}

div.content_7 a.expand img
{
    width: 25px !important;
    background: transparent !important;
}

.content_7 div.divider
{
    padding-bottom: 3px !important;
}

.content_7 div.divider span
{
    width: 197px !important;
    height: 1px !important;
    background: #032B13 !important;
}

.content_7 .summary
{
    font-size: 11px !important;
}
/* 8 */
.content_8
{
}

.content_8 div.content-main
{
    background: #FBAE5C !important;
    width: 220px !important;
}

div.content_8 div.content-top img
{
    height: 172px !important;
}

div.content_8 div.content-info
{
    height: 60px !important;
    padding: 10px 15px 5px 10px !important;
}

.content_8 p.title
{
    margin-bottom: 16px !important;
    height: 14px !important;
    width: 170px !important;
}

.content_8 p.title a
{
    font-size: 12px !important;
    color: #584733 !important;
}

div.content_8 a.expand
{
    position: absolute !important;
    top: 5px !important;
    right: 21px !important;
    background: transparent !important;
}

div.content_8 a.expand img
{
    width: 25px !important;
    background: transparent !important;
}

.content_8 div.divider
{
    padding-bottom: 3px !important;
}

.content_8 div.divider span
{
    width: 197px !important;
    height: 1px !important;
    background: #A0400D !important;
}

.content_8 .summary
{
    font-size: 11px !important;
}
/* 9 */
.content_9
{
}

.content_9 div.content-main
{
    background: #A286C0 !important;
    width: 216px !important;
}

div.content_9 div.content-top img
{
    height: 172px !important;
}

div.content_9 div.content-info
{
    height: 60px !important;
    padding: 10px 15px 5px 10px !important;
}

.content_9 p.title
{
    margin-bottom: 16px !important;
    height: 14px !important;
    width: 170px !important;
}

.content_9 p.title a
{
    font-size: 12px !important;
    color: #32024C !important;
}

div.content_9 a.expand
{
    position: absolute !important;
    top: 5px !important;
    right: 21px !important;
    background: transparent !important;
}

div.content_9 a.expand img
{
    width: 25px !important;
    background: transparent !important;
}

.content_9 div.divider
{
    padding-bottom: 3px !important;
}

.content_9 div.divider span
{
    width: 197px !important;
    height: 1px !important;
    background: #32024C !important;
}

.content_9 .summary
{
    font-size: 11px !important;
}

/* active */
.content_active
{
}

.content_active div.content-main
{
    background: #FCB042 !important;
    width: 449px !important;
}

div.content_active div.content-top img
{
    height: 530px !important;
}

div.content_active div.content-info
{
    height: 110px !important;
    padding: 10px 21px 5px 18px !important;
}

.content_active p.title
{
    margin-bottom: 16px !important;
    height: 38px !important;
    width: 315px !important;
}

.content_active p.title a
{
    font-size: 21px !important;
    color: #573504 !important;
}

div.content_active a.expand
{
    position: absolute !important;
    top: 5px !important;
    right: 53px !important;
    background: transparent !important;
}

div.content_active a.expand img
{
    width: 49px !important;
    background: transparent !important;
}

.content_active div.divider span
{
    width: 412px !important;
    height: 2px !important;
    background: #2A4705 !important;
}

.content_active .summary
{
    font-size: 14px !important;
}

.content_active_detail
{
    float: left;
    width: 483px;
    margin-left: 10px;
}

.content_active_detail ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 10px;
}

.content_active_detail ul li
{
    display: block;
    overflow: hidden;
    position: relative;
}

.content_active_detail ul li.data_separator
{
    background: url(img/line_dash.png) no-repeat center;
    height: 22px;
}

.content_active_detail ul li .data_bg
{
    background: #ECECEC;
    width: 250px;
    height: 100%;
    position: absolute;
    right: 0;
}

.content_active_detail .data_groupName
{
    color: #f7941d;
    font-weight: bold;
    font-size: 16px;
    float: left;
    width: 73px;
    overflow: hidden;
}

.content_active_detail .data_value_list
{
    float: left;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.content_active_detail .data_value
{
    overflow: hidden;
    display: block;
}

.content_active_detail .data_name
{
    float: left;
    color: #363636;
    font-weight: bold;
    font-size: 14px;
    width: 155px;
    overflow: hidden;
    white-space: nowrap;
}

.content_active_detail .data_percent
{
    float: left;
    margin-top: 4px;
    margin-left: 9px;
}

.content_active_detail .data_percent span
{
    display: inline-block;
    float: left;
    height: 9px;
}

.content_active_detail .data_percent .data_percent_left
{
    background: url(img/percent_blue_left.png) no-repeat;
    width: 2px;
}

.content_active_detail .data_percent .data_percent_center
{
    background: url(img/percent_blue_center.png) repeat-x;
}

.content_active_detail .data_percent .data_percent_right
{
    background: url(img/percent_blue_right.png) no-repeat;
    width: 7px;
}


.content_active_detail .data_value_list .data_value:first-child .data_percent .data_percent_left
{
    background: url(img/percent_orange_left.png) no-repeat;
    width: 2px;
}

.content_active_detail .data_value_list .data_value:first-child .data_percent .data_percent_center
{
    background: url(img/percent_orange_center.png) repeat-x;
}

.content_active_detail .data_value_list .data_value:first-child .data_percent .data_percent_right
{
    background: url(img/percent_orange_right.png) no-repeat;
    width: 7px;
}

.content_active_detail .data_percent_value
{
    float: left;
    color: #7d4900;
    font-weight: bold;
    font-size: 14px;
    margin-left: 2px;
}

._mark
{
    font-family: Arial;
    font-size: 13px;
    font-style: italic;
    height: 27px;
    background: url(../../../Views/Project/Css/img/icon-mark.png) no-repeat left;
    padding-left: 30px;
    line-height: 27px;
    float: left;
}

._endDate
{
    font-family: Arial;
    font-size: 13px;
    font-style: italic;
    width: 170px;
    height: 38px;
    background: url(../../../Views/Project/Css/img/icon-endDate.png) no-repeat left;
    padding-left: 22px;
    text-align: right;
    float: right;
    line-height: 32px;
    margin-right: 14px;
}

._endDate span
{
    display: inline-block;
}

.action_save_binhchon
{
    text-align: right;
    padding-right: 29px;
    color: #7A2D00;
    font-weight: bold;
    font-size: 14px;
    font-style: italic;
}

.btnResearchSave
{
    margin-left: 5px;
    color: #7A2D00;
    font-weight: bold;
    font-size: 14px;
    font-style: italic;
    width: 50px;
}

.rs_result
{
}

.rs_result div
{
    float: left;
}

.rs_result div span
{
    font-weight: bold;
    display: block;
}

.total_value_text
{
    color: #252525;
    font-size: 18px;
    float: left;
    width: 95px;
}

.total_value
{
    color: #252525;
    font-size: 40px;
    float: left;
}

.max_vote_panel
{
    background: url(img/max_vote_star.png) no-repeat left;
    padding-left: 55px;
}

.max_vote_text
{
    color: #252525;
    font-size: 19px;
    float: left;
}

.max_vote_name
{
    color: #F4941C;
    font-size: 20px;
    clear: both;
}

.Research_List_More
{
    border: 0;
}
.Research_List_More img
{
    border: 0;
}
